//在最外面包大括号 
{
    //滑动验证条
    //首先定义一个开关 默认为关
    let verifyCode=false
    $('#mpanel1').slideVerify({
        type : 1,		//类型
        vOffset : 5,	//误差量，根据需求自行调整
        barSize : {
            width : '80%',
            height : '40px',
        },
        ready : function() {
        },
        success : function() {
            /* 当滑动条通过的时候开关打开 */
            verifyCode=true
        },
        error : function() {
            //滑动验证没通过的时候为假
            verifyCode=false
          
        }
        
    });

let ologin=document.querySelector('.login')
let oUser=document.querySelector('#exampleInputEmail1')
let oPass=document.querySelector('#exampleInputPassword1')
let oUserCheck=document.querySelector('.userCheck')
let password_xianshi=document.querySelector('.password_xianshi')
let oZhuCe=document.querySelector('.zhuCe')
oZhuCe.onclick=function(){
    location.href='../html/zhuce.htm'
}
//当点击事件发生的时候开始以下方法
ologin.onclick=function(){
    //通过正则才能进行ajax
    if(/^((\w+@\w+\.(com|cn|org|net))|(1[3-9]\d{9}))$/.test(oUser.value)){
        //如果用户名的正则验证通过的时候 向用户名下面的span写入 验证通过
        oUser.nextElementSibling.innerHTML='验证通过'
       
    }else{
        //如果第一个正则验证没有通过就弹出警告框 将span里面的值改变
        alert('用户名输入有误')
        oUser.nextElementSibling.innerHTML='验证未通过'
        //这一步必须要进行，因为如果未通过正则验证就return终止函数 不向下进行ajax请求
        return
    }
    if(/^\w{6,16}$/.test(oPass.value)){
        password_xianshi.innerHTML='验证通过'
    }else{
        password_xianshi.innerHTML='验证未通过'
        alert('密码不正确')
        return
    }
    if(!oUserCheck.checked){
        alert('请勾选用户协议')
        return
    }
    if (!verifyCode) {
        alert('请滑动验证')
        return
    }
    //如果上面的都通过了，就进入到这一步，开始ajax请求
    ajax({
        //去请求的php文件
        url:'../php/login.php',
        //传输方式为post
        type:'post',
        //向PHP发送的两组数据 username 和 password
        data:{
            username:oUser.value,
            password:oPass.value
        },
        //success里面传递的取回的就是用户名
        success(res){
            //序列化取回来的res初始数据
            let obj=JSON.parse(res)
            //如果obj.state为真
            if(obj.state){
                //就说明登陆是成功的，这个时候就让网站跳转到首页
                location.href='../html/index.htm'
                
                //登录成功之后存用户名到浏览器的会话存储空间 cookei,以便主页去读取这个用户名数据
                sessionStorage.setItem('username',oUser.value)
            }
            alert(obj.msg)
        }
    })
}
   
}
